<script setup>
import { ref } from 'vue';
import ChartContainer from '../ChartContainer.vue';

const option = ref({
  tooltip: {
    trigger: 'item'
  },
  radar: {
    indicator: [
      { name: '销售', max: 100 },
      { name: '管理', max: 100 },
      { name: '技术', max: 100 },
      { name: '客服', max: 100 },
      { name: '研发', max: 100 },
      { name: '市场', max: 100 }
    ],
    radius: '65%'
  },
  series: [
    {
      type: 'radar',
      data: [
        {
          value: [85, 90, 80, 75, 95, 70],
          name: '员工A',
          areaStyle: {
            color: 'rgba(52, 152, 219, 0.6)'
          },
          lineStyle: {
            width: 2
          }
        },
        {
          value: [70, 82, 75, 60, 70, 85],
          name: '员工B',
          areaStyle: {
            color: 'rgba(231, 76, 60, 0.6)'
          },
          lineStyle: {
            width: 2
          }
        }
      ]
    }
  ]
});
</script>

<template>
  <ChartContainer title="员工能力评估雷达图" :option="option" />
</template>